<template>
  <div id="out">
    <router-link :to="`/detail/${gdata.gid}`">
      <div class="good_list_left">
        <div class="all_goods">
          <div class="single_good">
            <div class="single_good_img" v-if="gdata">
              <img :src="gdata.img.img_url" alt="" />
            </div>
            <div class="title">
              <span>{{ gdata.title }}</span>
            </div>
            <div class="tag">
              <span>{{ gdata.goods_properties[0] }}</span>
              <span>{{ gdata.goods_properties[1] }}</span>
              <span>{{ gdata.goods_properties[2] }}</span>
            </div>
            <div class="price">
              <span>￥</span>
              <span>{{ gdata.normal_price.price }}</span>
              <span>{{ gdata.normal_price.tag_content }}</span>
              <span>...</span>
            </div>
            <div class="list_button">
              <div class="list_img" v-if="gdata.rank_detail.bg_img">
                <a href="">
                  <img :src="gdata.rank_detail.bg_img.img_url" alt="" />
                </a>
              </div>
              <div class="list_con" v-if="gdata.rank_detail.icon">
                <img :src="gdata.rank_detail.icon" alt="" />
                <span>{{ gdata.rank_detail.message }}</span>
                <img
                  v-if="gdata.rank_detail.icon_img"
                  :src="gdata.rank_detail.icon_img.img_url"
                  alt=""
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </router-link>
  </div>
</template>

<script>
export default {
  props: {
    gdata: {
      type: Object,
      request: true,
    },
  },
};
</script>

<style src='../assets/css/gooditem.css' scoped>
</style>